<template>
  <div class="dashboard-container">
    <HeadCard />
    <Sales />
    <MainList />
    <MapExhibition />
  </div>
</template>

<script>
import HeadCard from './components/headcard'
import Sales from './components/sales'
import MainList from './components/mainlist'
import MapExhibition from './components/mapexhibition'
export default {
  name: 'Dashboard',
  components: {
    HeadCard,
    Sales,
    MainList,
    MapExhibition
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 10px;
  }
}
</style>
